$(function () {
    var str = ``;
    getdata();
    $(".clickmore").on("click", function () {
        getdata();
    })
    $(".hotest").on("click", function () {
        $(".hotest").addClass("orange")
        $(".hotest").siblings().removeClass("orange")
    })
    $(".newest").on("click", function () {
        $(".newest").addClass("orange")
        $(".newest").siblings().removeClass("orange")
    })

    $(".ul").find("li").each(function (i, n) {
        // console.error(i);//输出的是span元素的值
        // console.error(n);//输出的是span元素对象
        //n.addClass("articleTypeSpanClass"); 会报异常
        //正确用法
        var $this = $(n);
        $this.on("click", function () {
            $this.addClass("c333");
            $this.siblings().removeClass("c333");
        })
    });
    function getdata(new_hot) {
        $.ajax({
            url: `http://localhost:3000/useing/public`,//请求地址
            type: 'get',//请求方式
            success(reg) {
                $.each(reg, function (index, ele) {
                    if (reg[index].apply == undefined) {
                        reg[index].apply = "0";
                    }
                    if (reg[index].num == undefined) {
                        reg[index].num = "0";
                    }
                    str += `
                    <div class="item">
                        <img src="${reg[index].img}" alt="">
                        <div class="down">
                            <p>
                            ${reg[index].text}
                            </p>
                            <span class="span1">￥${reg[index].apply}</span>
                            <span class="span2">${reg[index].num}台</span>
                            <p class="p1"><span>1392</span>申请</p>
                            <p class="p2">剩余时间2天</p>
                            <div class="first">首发</div>
                        </div>
                    </div>
                `
                })
                $(".main").html(str);
                $(".item").on("mouseover", function () {
                    $(this).addClass("deepshadow")
                })
                $(".item").on("mouseleave", function () {
                    $(this).removeClass("deepshadow")
                })

            }
        })
    }

})